<!--
    @create by szbd
    @description {tableComments}的前端页面
    @createDate 2018-07-31 09:19:42
-->
<div>
  <el-form-q :field-data="queryFields" :buttons="queryButtons"></el-form-q>
  <div class="yu-toolBar">
    <el-button-group>
      <el-button icon="plus" @click="addFn" v-if="checkPermission('create')">新增</el-button>
        <el-button icon="document" @click="infoFn" v-if="checkPermission('detail')">查看</el-button>
    </el-button-group>
  </div>
  <el-table-x ref="reftable" :row-index="true"  :base-params="baseParams"
        :data-url="appUrl" :table-columns="tableColumns" :request-type="'POST'">
  </el-table-x>
  <el-dialog-x title="白名单维护" :visible.sync="dialogVisible" size="full">
    <div style="padding: 1px;">
      <el-card style="width: 100%;" shadow="always" header="基本信息" :body-style="{ padding: '0px' }">
        <div >
          <el-form-x ref="baseForm" :group-fields="updateFields" :disabled="formDisabled" label-width="80px">
          </el-form-x>
        </div>
      </el-card>
    </div>
    <div style="padding: 1px;">
      <el-card style="width: 100%;" shadow="always" :body-style="{ padding: '0px' }">
        <div slot="header" >
          <span>移交明细</span>
          <el-button type="primary" @click="handDetailFn" icon="plus" v-if="hiddenBn">点击选择移交明细</el-button>
          <el-button type="primary" @click="deleteAppFn" icon="yx-bin" v-if="hiddenBn">删除</el-button>
        </div>
        <div style="">
          <yufp-pageable-table ref="detailSelectTable" :row-index="true" :checkbox="true"
                               :total-data="detailSelectTotalData" :table-columns="detailColumns" >
          </yufp-pageable-table>
        </div>
      </el-card>
    </div>
    <div class="yu-grpButton" style="text-align: center;margin-top: 20px;">
        <el-button type="primary" @click="commitFn" icon="check" v-if="hiddenBn">保存</el-button>
        <el-button type="primary" @click="closeFn" icon="yx-bin" >关闭</el-button>
    </div>
  </el-dialog-x>
  <el-dialog-x title="白名单移交明细" :visible.sync="hoVisible" size="full">
      <el-form-q ref="queryDetailFe" v-if="queryReset"  :field-data="detailQueryFields" :buttons="detailQueryButtons"></el-form-q>
      <yufp-pageable-table ref="detailTable" :checkbox="true" :row-index="true"
                           :total-data="detailTotalData"  :table-columns="detailColumns" >
      </yufp-pageable-table>
      <div class="yu-grpButton" style="text-align: center;margin-top: 20px;">
          <el-button type="primary" @click="confirmFn" icon="check">确定</el-button>
          <el-button type="primary" @click="detCloseFn" icon="yx-bin" >关闭</el-button>
      </div>
  </el-dialog-x>

</div>
